<!DOCTYPE html>
<!--[if lt IE 7]> <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html lang="en" ng-app="myApp" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" ng-app="stepsApp">
    <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>新建模板</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="styles/app2.css">

    <link rel="stylesheet" href="ruleModule/views/rules.css">
    <link rel="stylesheet" href="uploadModule/views/upload.css">
    <link rel="stylesheet" href="templateModule/views/ruleGroup.css">
    <base href="/">
  </head>
  <body>

    <div id="main">
      <div id="header"></div>
      <div id="tips">新建模板（请按指引进行操作...）</div>
      <div id="content" ng-controller="steps">
          <div id="steps"><!-- {, , } -->
              <ul>
                  <li ng-class="{'stepf': steps_state[0].isWordBlue, 'steps': steps_state[0].isWordGray, 'stept':steps_state[0].isWordBlack}" ><span ng-class="{true: 'circle', false: 'circle2'}[steps_state[0].isBlue]"></span>输入模板名字</li>
                  <li ng-class="{'stepf': steps_state[1].isWordBlue, 'steps': steps_state[1].isWordGray, 'stept':steps_state[1].isWordBlack}" ><span ng-class="{true: 'circle', false: 'circle2'}[steps_state[1].isBlue]"></span>上传测试文件</li>
                  <li ng-class="{'stepf': steps_state[2].isWordBlue, 'steps': steps_state[2].isWordGray, 'stept':steps_state[2].isWord2lack}" ><span ng-class="{true: 'circle', false: 'circle2'}[steps_state[2].isBlue]"></span>添加主规则</li>
                  <li ng-class="{'stepf': steps_state[3].isWordBlue, 'steps': steps_state[3].isWordGray, 'stept':steps_state[3].isWordBlack}" ><span ng-class="{true: 'circle', false: 'circle2'}[steps_state[3].isBlue]"></span>添加规则测试保存</li>
                  <!-- <li><span class="circle2"> </span>上传测试文件</li>
                  <li><span class="circle2"> </span>添加主规则</li>
                  <li><span class="circle2"> </span>添加规则测试保存</li> -->
              </ul>
            <div class="clearfix"></div>
          </div>
          <div id="show">
            <div class="show_template">
              <div ng-view>
              </div>
          </div>
          </div>

          <div class="button"  ><button class="btn" ng-disabled="!isOK" ng-click="changeA()">Next</button> </div>

      </div>
      <div id="footer"></div>
    </div>




















    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-mocks/angular-mocks.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
    <script src="bower_components/ng-file-upload/ng-file-upload.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
    <script src="app.js"></script>
    <script src="app2.js"></script>
    <script src="ruleModule/rule.module.js"></script>
    <script src="templateModule/template.module.js"></script>
    <script src="uploadModule/upload.module.js"></script>
    <script src="modalModule/modal.module.js"></script>
    <script src="testTextModule/testText.module.js"></script>
    <script src="auxModule/auxi.module.js"></script>
    <!-- <script src="controllers/e2emock.js"></script> -->

    <!-- controllers -->
    <!-- <script src="controllers/modalController.js"></script> -->
    <script src="templateModule/controllers/templateController.js"></script>
    <script src="ruleModule/controllers/ruleController.js"></script>
    <script src="uploadModule/controllers/uploadController.js"></script>
    <script src="templateModule/controllers/ruleGroupController.js"></script>
    <script src="testTextModule/controllers/textController.js"></script>

    <!-- services -->
    <script src="modalModule/services/modalService.js"></script>
    <!-- <script src="ruleModule/services/ruleService.js"></script> -->
    <script src="auxModule/services/communicate.js"></script>
    <script src="auxModule/services/fbdService.js"></script>

    <!-- filters -->
    <script src="ruleModule/filters/ruleDataFilter.js"></script>
    <script src="ruleModule/filters/ruleFilter.js"></script>
    <script src="templateModule/filters/templateDataFilter.js"></script>
    <script src="templateModule/filters/showCurrentTemp.js"></script>
    <script src="templateModule/filters/testTemplateData.js"></script>
    <script src="auxModule/filters/enterFilter.js"></script>
    <script src="auxModule/filters/highlightFilter.js"></script>
    <script src="templateModule/filters/showTemplate.js"></script>
    <script src="templateModule/filters/showTemplateFilter.js"></script>

    <!-- directives -->
    <script src="auxModule/directives/compile.js"></script>
    <script src="templateModule/directives/ruleGroup.js"></script>
    <script src="uploadModule/directives/uploadFile.js"></script>
    <script src="ruleModule/directives/newRules.js"></script>
    <script src="testTextModule/directives/testText.js"></script>


    </body>
</html>
